/* reset */
html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,textarea,menu{margin:0;padding:0;}
header,footer,section,article,aside,nav,hgroup,address,figure,figcaption,menu,details{display:block;}
table{border-collapse:collapse;border-spacing:0;}
caption,th{text-align:left;font-weight:normal;}
html,body,fieldset,img,iframe,abbr{border:0;}
i,cite,em,var,address,dfn{font-style:normal;}
[hidefocus],summary{outline:0;}
li{list-style:none;}
h1,h2,h3,h4,h5,h6,small{font-size:100%;}
sup,sub{font-size:83%;}
pre,code,kbd,samp{font-family:inherit;}
q:before,q:after{content:none;}
textarea{overflow:auto;resize:none;}
label,summary{cursor:default;}
a,button{cursor:pointer;}
h1,h2,h3,h4,h5,h6,em,strong,b{font-weight:bold;}
del,ins,u,s,a,a:hover{text-decoration:none;}
body,textarea,input,button,select,keygen,legend{font:12px/1.14 arial,\5b8b\4f53;color:#333;outline:0;}
body{background:#f4f5f7;}
a,a:hover{color:#333;}

header{
    width:100;
    height: 42px;
    background-color: #fff;
    .wrap{
        position: relative;
        box-sizing: border-box;
        width: 980px;
        height: 100%;
        margin:0 auto;
        display:flex;
        align-items: center;
        padding-right:68px;
        &::after{
            content:"投稿";
            letter-spacing: 1px;
            position: absolute;
            width:58px;
            height: 48px;
            
            text-align: center;
            line-height: 48px;
            right:0;
            top:0;
            border-radius: 5px;
            background-color: rgb(251,114,153);
        }
     
        
          li:nth-of-type(1) a::before{
           content:"";
           display:inline-block;
           width: 16px;
           vertical-align:sub;
           height: 14px;
            background: url("/images/res-tv-icon.jpg");
            margin-right:5px;
        }
        li:last-of-type a{
            padding-left:0px;
            
            padding-left:5px;
            &::before{
                content:"";
                display:inline-block;
                width: 10px;
                height: 14px;
                margin-right:4px;
                vertical-align:sub;
                background: url("/images/phone.jpg");
            }
        }
            li a{
                display:block;
                margin-right:20px;
                height: 14px;
            }        
        input{
            margin-left:auto;
            width:90px;
            box-sizing: border-box;
            height: 32px;
            border:none;
            border:1px solid rgb(117,117,117);
            border-radius: 15px;
            color:rgb(117,117,117);
            text-align: center;
            padding-left:5px;
           
           
        }
        div{
            width:58px;
            height:42px;
           position: relative;
            background: url("/images/man-icon.jpg")no-repeat center;
            &::before{
                width:20px;
                position: absolute;
               left:-29px;
                content:"";
                top:11px;
                height: 18px;
                background: url("/images/search-icon.jpg") no-repeat;
                background-size: contain;

            }
        }
        

    }
}
/*contain*/
.contain{
    background-color: #fff;
    padding-bottom: 80px;
    overflow: hidden;
    .top{
        width: 100%;
        height: 86px;
        text-align: center;
        background-color:rgb(0,160,216);
        margin-bottom: 20px;
    }
    .title-line{
        width: 980px;
        height: 28px;
        margin:0 auto;
        border-bottom: 1px solid #ddd;
        margin-bottom: 28px;
        text-align: center;

        span{
            font-weight: bolder;
            font-size: 38px;
            line-height:56px;
            margin:0 20px;
            padding:0 20px;
            background: #fff;
        }

    }
    form{
        box-sizing: border-box;
        text-align: center;
        width: 420px;
        margin: 60px auto;
        position: relative;
        
        section{
            position: absolute;
            color:#00a9e4;
            bottom: -22px;
            right:0;
        }
        div{
            box-sizing: border-box;
            width:100%;
            font-size: 14px;
            color: #606266;
            margin-bottom:40px;
            // height:40px;
            line-height: 40px;
            border-radius: 4px;
            border: 1px solid #dcdfe6;
            // padding-left: 15px;
            input{
               
                border:none;
                height:43px;
                width:400px;
                font-size: 16px;
                padding-left:15px;
            }
            .phone,.message{
                width:290px;
             
            }
            .phone{
                border-left:1px solid #dcdfe6;
                
            }
            .country{
                display:inline-block;
                color:1px solid #dcdfe6;
                width: 84px;
                
                
            }
            button{
             
                height: 41px;
                width: 109px;
                border:none;
                color:#ffffff;
                border-radius: 2px;
                background-color: rgb(51,180,222);
            }
           
            }
            .email-parent{
                position: relative;
                margin-bottom: 9px;
                .email-child{
                    position: absolute;
                    top:-40px;
                    right:0;
                    color:#00a9e4;
                }
            }
            div:last-of-type{
                background-color: #f5f5f5;
                color:#b7b7b7;
                margin-top:10px;
                input{
                    background-color: #f5f5f5;
                }
     
             }

        }
        label{
            margin-top:-30px;
            color:#000000;
            font-size: 12px;
            input{
                vertical-align: sub;
            }
            span{
                color:#00a9e4;

            }
       
        
        }
    }
